<template>
	<view class="card price-description">
		<view class="card-title">价格说明</view>
		<view v-for="item in priceDescription" :key="item.order" class="desc">
			<text class="order">{{ item.order }}</text>
			<text>{{ item.content }}</text>
		</view>
	</view>
</template>

<script setup>
const priceDescription = [
	{
		order: "1.",
		content:
			"划线价格指商品或服务的门市价、服务提供商的指导价、零售价或该商品或服务曾经展示过的销售价等，并非原价；产品信息实时更新、市场价格波动等原因都可能导致价格与您预定时展示的价格不一致，该价格仅供您参考。",
	},
	{
		order: "2.",
		content:
			"未划线价格指商品或服务的实时标价，为在划线价基础上计算的优惠金额。具体成交价格根据商品或服务参与的活动，或会员使用优惠券等具体情况发生变动，最终以订单结算价格为准。",
	},
	{
		order: "3.",
		content:
			"此说明仅当出现价格比较时有效。若服务提供商单独对划线价格进行说明的，以服务商的说明为准。如有疑问，您可以在预定前联系客服进行咨询。",
	},
]
</script>

<style lang="scss" scoped>
@import "../ticket/index.scss";

.price-description {
	font-weight: 400;
	font-size: 24rpx;
	color: #4e5969;
	line-height: 48rpx;

	.desc {
		display: flex;

		.order {
			margin-right: 4rpx;
		}
	}
}
</style>
